<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script src="js/axios.js"></script>
    <script>
        //axios拦截器
        // 1. 请求拦截器 
        axios.interceptors.request.use(function(config) {
            console.log(config.url)
                // 1.1  任何请求都会经过这一步   在发送请求之前做些什么   
            config.headers.mytoken = 'hello';
            // 1.2  这里一定要return   否则配置不成功  
            return config;
        }, function(err) {
            //1.3 对请求错误做点什么    
            console.log(err)
        });

        //2. 响应拦截器 
        axios.interceptors.response.use(function(res) {
            //2.1  在接收响应做些什么  
            var data = res.data;
            return data;
        }, function(err) {
            //2.2 对响应错误做点什么  
            console.log(err)
        });
        axios.get('http://localhost:3000/adata').then(function(data) {
            console.log(data)
        })
    </script>
</body>

</html>